@hd: 2px ; //设计稿两倍尺寸
//字体
@font-family: PingFangSC, 'Microsoft YaHei', Helvetica, 'Droid Sans', Arial, sans-serif ;
//色彩
// 文字色
@color-text-base-inverse: #fff; // 基本 - 反色
@color-text-base: #3d3f52 ; //一级信息：重要文字&标题等
@color-text-secondary: #6c707d ; // 二级信息：重要文字等
@color-text-placeholder: #c6c7ce ; // 文本框提示placeholder
@color-text-disabled: #999baa ; // 失效
@color-text-caption: #999baa ; // 三级信息：辅助类文字

//全局/品牌色
@brand-primary: #2A83E1 ; //品牌标准色：重要内容信息
@brand-primary-tap: #0e80d2 ;
@brand-success: #85c859 ; //辅助色：区别强调信息
@brand-warning: #ed2945 ; //辅助色：价格&警告信息 小红点
@brand-important: #fba144 ; // 辅助色：辅助提示信息
@brand-tab: #F0250F ; // 辅助色：辅助提示信息

// 背景色
@fill-base: #fff ; // 内容层：全局
@fill-body: #f8f8f8 ; // 背景层：全局
@fill-tap: #ddd ; // 组件默认背景 - 按下
@fill-disabled: #b5b5b5 ; // 通用失效背景
@fill-mask: rgba(0, 0, 0, 0.65) ; // 遮罩背景

// 边框色
@border-color-base: #f2f2f2 ; //分割线：全局
//边框
@border-width: 1px ;
@border-width-lg: 2 * @hd ;
// 字体尺寸
// ---
@font-size-icontext: 10 * @hd ; //标签等次要信息
@font-size-tags: 10 * @hd ; //标签等次要信息
@font-size-help: 12 * @hd ; //辅助等次要信息
@font-size-tips: 13 * @hd ; //提示等次要信息
@font-size-base: 14 * @hd ; //TAB、内容等信息
@font-size-caption: 16 * @hd ; //标题、列表、输入框等重要信息
@font-size-heading: 18 * @hd ; //导航栏标题、主按钮等重要信息

@baseLineHeight: 1 ;
// 透明度
@opacity-disabled: 0.3 ; // switch checkbox radio 等组件禁用的透明度

@radius-circle: 50% ;

// Button Component */
@button-border-color: #c6c7ce ;



@button-height: 50 * @hd ;
@button-font-size: 18 * @hd ;
@button-border-radius: 0 * @hd ;

@button-height-sm: 40 * @hd ;
@button-font-size-sm: 18 * @hd ;
@button-border-radius-sm: 2 * @hd ;

@button-height-xxs: 28 * @hd ;
@button-font-size-xxs: 13 * @hd ;
@button-border-radius-xxs: 2 * @hd ;

@link-button-font-size: 16 * @hd ;
// Tabbar Component */
// tab-bar
@tab-bar-height: 51 * @hd ;
@tab-bar-image-height: 25 * @hd ;

// tabs
@tabs-color: @brand-primary ;
@tabs-active-color: @brand-tab;
@tabs-height: 44 * @hd ;
@tabs-font-size-heading: 14 * @hd ;
@tabs-ink-bar-height: @border-width-lg ;

//NavBar
@nav-bar-height: 44 * @hd ;

// z-index */
@z-index-normal: 1 ;
@maskZIndex: 222 ;
@popupZIndex: 666 ;
@toastZIndex: 777 ;
@tab-barZIndex: 200 ;
@progressZIndex: 999 ; //progress fixed 应该是最大的z-index
@indexedIndicatorZIndex: 1999 ; //索引列表
@loadingZIndex: 999 ; //loading

// 图标尺寸
// ---
@icon-size-xxs: 15 * @hd ;
@icon-size-xs: 18 * @hd ;
@icon-size-sm: 20 * @hd ;
@icon-size-md: 22 * @hd ; // 导航条上的图标、grid的图标大小
@icon-size-lg: 36 * @hd ;

// 水平间距
@h-spacing-sm: 5 * @hd ;
@h-spacing-md: 8 * @hd ;
@h-spacing-lg: 15 * @hd ;
// 垂直间距
@v-spacing-xs: 3 * @hd ;
@v-spacing-sm: 6 * @hd ;
@v-spacing-md: 9 * @hd ;
@v-spacing-lg: 15 * @hd ;
@v-spacing-xl: 21 * @hd ;

// list
@list-title-height: 30 * @hd ;
@list-item-height-sm: 35 * @hd ;
@list-item-height: 44 * @hd ;

// input
@input-label-width: 16 * @hd ; // InputItem、TextareaItem 文字长度基础值
@input-font-size: 16 * @hd ;
@input-color-icon: #ccc ; // input clear icon 的背景色
@input-color-icon-tap: @brand-primary ;

// switch
@switch-fill: @brand-primary ;
@switch-width: 50 * @hd ;
@switch-height: 30 * @hd ;
@switch-border-radius: 30 * @hd ;
@switch-circle: 28 * @hd ;
@switch-transform: 20 * @hd ;
@switch-circle-top: 1 * @hd ;

@area-tabs-height: 28 * @hd ;
@area-content-height: 478 * @hd ;

// avatar
@avatar-size-base: 32 * @hd;
@avatar-size-lg: 40 * @hd;
@avatar-size-sm: 24 * @hd;
@avatar-font-size-base: 16 * @hd;
@avatar-font-size-lg: 20 * @hd;
@avatar-font-size-sm: 12 * @hd;
@avatar-bg: #ccc;
@avatar-color: #fff;
@avatar-border-radius: 4 * @hd;